﻿<!DOCTYPE html>
<html>
<head>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="js/html5.js"></script>
    <![endif]-->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no"/>
    <title>食品零食类模板_首页</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/owl.carousel.min.css">
    <link rel="stylesheet" type="text/css" href="css/global.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="js/owl.carousel.js"></script>
    <script type="text/javascript" src="js/wow.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</head>
<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div class="header">
    <div class="wrap">
        <div class="logo"><a href="/"><img src="picture/logo.png"/></a></div>
        <div class="menu">
            <ul>
                <li class='on'><a href="index.html">网站首页</a></li>

                <li><a href="about.html">关于我们</a></li>

                <li><a href="product.html">系列分类</a></li>

                <li><a href="mendian.html">门店分布</a></li>

                <li><a href="news.html">新闻动态</a></li>

                <li><a href="contact.html">联系我们</a></li>

            </ul>
        </div>
        <div class="menu_wrap"></div>
        <div class="tel"><span>4008-990-990</span></div>
        <div class="clear"></div>
    </div>
</div>

<!-------------------------------------- 头部结束 -------------------------------------->


<!-------------------------------------- 首页banner开始 -------------------------------->
<div class="index_owl">
    <div class="owl">
        <div class="owl_cur"><span class="prev"></span> <span class="next"></span></div>
        <div class="banner owlCarousel">
            <div class="item">
                <div class="img1"><a href="#"><img src="picture/1-200304092041636.jpg"/></a>
                </div>
            </div>

            <div class="item">
                <div class="img1"><a href="#"><img src="picture/1-200304092041636.jpg"/></a></div>
            </div>

            <div class="item">
                <div class="img1"><a href="#"><img src="picture/1-200304092041636.jpg"/></a></div>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------- 首页banner结束 -------------------------------->


<!-------------------------------------- 内容开始 -------------------------------------->
<div class="mainer">
    <div class="page page1">
        <div class="wrap">
            <div class="page_tit">
                <h3 class="wow fadeInUp" data-wow-delay=".1s"><span><em>热门推荐</em></span></h3>
                <p class="wow fadeInUp" data-wow-delay=".2s">HOT RECOMMEND</p>
            </div>
            <div class="explosive">
                <div class="owl explosive_owl">
                    <div class="owl_cur">
                        <span class="prev"></span>
                        <span class="next"></span>
                    </div>
                    <div class="explosive_items owlCarousel wow fadeInUp" data-wow-delay=".1s">
                        <div class="item">
                            <div class="explosive_list">
                                <h4>NO.1</h4>
                                <a href="product_vd.html">
                                    <div class="img">
                                        <img src="picture/1-2003041434010-l.jpg"/>
                                    </div>
                                    <div class="web">
                                        <div class="text">
                                            <h3>极品麻辣薯片三</h3>
                                            <p>干果类</p>
                                        </div>
                                        <div class="more">
                                            <label>详情</label>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="explosive_list">
                                <h4>NO.2</h4>
                                <a href="product_vd.html">
                                    <div class="img"><img src="picture/1-2003041432400-l.jpg"/></div>
                                    <div class="web">
                                        <div class="text">
                                            <h3>极品麻辣薯片二</h3>
                                            <p>干果类</p>
                                        </div>
                                        <div class="more">
                                            <label>详情</label>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                        <div class="item">
                            <div class="explosive_list">
                                <h4>NO.3</h4>
                                <a href="product_vd.html">
                                    <div class="img"><img src="picture/1-2003041119550-l.jpg"/></div>
                                    <div class="web">
                                        <div class="text">
                                            <h3>极品麻辣薯片一</h3>
                                            <p>干果类</p>
                                        </div>
                                        <div class="more">
                                            <label>详情</label>
                                        </div>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="page">
        <div class="wrap">
            <div class="page_tit">
                <h3 class="wow fadeInUp" data-wow-delay=".1s"><span><em>系列分类</em></span></h3>
                <p class="wow fadeInUp" data-wow-delay=".2s">WAREHOUSE</p>
            </div>
            <div class="warehouse">
                <div class="left">
                    <div class="tit"><span>系列分类</span></div>
                    <div class="list">
                        <ul class="wow_list">

                            <li class="wow fadeInUp"><a href="product.html"><i></i>干果类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>坚果类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>粮油类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>干货食材类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>鲜果类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>冰鲜食品类</a></li>

                            <li class="wow fadeInUp"><a href="product.html"><i></i>粮油类</a></li>

                        </ul>
                        <div class="line"></div>
                        <div class="more"><a href="product.html">更多</a></div>
                    </div>
                </div>

                <div class="right">
                    <div class="list">
                        <ul class="wow_list">
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041435310-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片六
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a>
                            </li>
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041435030-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片五
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a>
                            </li>
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041434270-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片四
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a>
                            </li>
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041434010-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片三
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a></li>
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041432400-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片二
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a>
                            </li>
                            <li class="wow fadeInUp">
                                <a href="product_vd.html">
                                <div class="img"><img src="picture/1-2003041119550-l.jpg"/></div>
                                <div class="web">
                                    <p>极品麻辣薯片一
                                        <label>详情</label>
                                    </p>
                                </div>
                            </a>
                            </li>

                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>

    <div class="page page2">
        <div class="index_about">
            <div class="page_tit">
                <h3 class="wow fadeInUp" data-wow-delay=".1s"><span><em>关于我们</em></span></h3>

                <p class="wow fadeInUp" data-wow-delay=".3s">ABOUT US</p>
            </div>
            <div class="list wow_list">
                <ul>
                    <li class="wow fadeInUp">
                        <h3>10<em>+</em></h3>

                        <p>品牌成立10年</p>
                    </li>
                    <li class="wow fadeInUp">
                        <h3>50<em>+</em></h3>

                        <p>零食专卖店全国50多家</p>
                    </li>
                    <li class="wow fadeInUp">
                        <h3>600<em>+</em></h3>

                        <p>高端美味零食多达600多个品种</p>
                    </li>
                    <li class="wow fadeInUp">
                        <h3>1000<em>+</em></h3>

                        <p>全国1000多优秀员工</p>
                    </li>
                </ul>
                <div class="clear"></div>
            </div>
            <div class="web wow fadeInUp" data-wow-delay=".1s">
                <p>
                    福建百纳在线网络技术有限公司(百度福建营销服务中心)成立于2009年，是百度在福州、三明、宁德、南平、莆田地区的唯一授权服务商，业务范围涵盖了百度搜索引擎推广、信息流推广、互联网品牌营销会议策划、媒体整合传播、企业网站建设、程序开发等多项服务体系...</p>

                <div class="more"><a href="about.html">更多</a></div>
            </div>
        </div>
    </div>

    <div class="page">
        <div class="wrap">
            <div class="page_tit">
                <h3 class="wow fadeInUp" data-wow-delay=".1s"><span><em>新闻动态</em></span></h3>

                <p class="wow fadeInUp" data-wow-delay=".3s">DYNAMIC</p>
            </div>
            <div class="index_news">
                <div class="left wow fadeInUp" data-wow-delay=".1s">
                    <div class="tit"><h3>企业动态</h3></div>
                    <div class="img">
                        <a href="news_vd.html"></a>
                        <img
                            src="picture/1-200304102f60-l.jpg"/>
                    </div>
                    <div class="web">
                        <h4><a href="news_vd.html">百纳在线面向福建地区提供网络营销服务</a><span>2020-03-04</span>
                        </h4>

                        <p>福建百纳在线面向福州、宁德、三明、南平、莆田地区提供网络营销服务，网络营销属于直复营销的一种形式，是企业营销实践与现代信息通讯技术、计算机网络技术相结合的产物...</p>
                    </div>
                </div>
                <div class="right wow fadeInUp" data-wow-delay=".1s">
                    <div class="tit"><h3>零食小知识</h3></div>
                    <div class="list">
                        <ul>
                            <li>
                                <div class="img"><a href="news_vd.html"></a> <img
                                        src="picture/1-2003041024490-l.jpg"/></div>
                                <div class="web">
                                    <div class="wd_w"><span>问</span>
                                        <h4><a href="news_vd.html">福建百纳网盟推广业务介绍</a>
                                        </h4>

                                        <div class="clear"></div>
                                    </div>
                                    <div class="wd_d"><span>答</span>

                                        <p><a href="news_vd.html">福建百纳在线面向福州、宁德、三明、南平、莆田地区提供网络营销服务，网络营销属于直复营销的一种形式，是企业营销实践与现代信息通讯技术、计算机网络技术相结合的产物...</a></p>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <li>
                                <div class="img"><a href="news_vd.html"></a> <img
                                        src="picture/1-200304102644l7.jpg"/></div>
                                <div class="web">
                                    <div class="wd_w"><span>问</span>
                                        <h4><a href="news_vd.html">福建百纳在线提供优质的网站建设服务</a>
                                        </h4>

                                        <div class="clear"></div>
                                    </div>
                                    <div class="wd_d"><span>答</span>

                                        <p><a href="news_vd.html">福建百纳在线面向福州、宁德、三明、南平、莆田地区提供网络营销服务，网络营销属于直复营销的一种形式，是企业营销实践与现代信息通讯技术、计算机网络技术相结合的产物...</a>
                                        </p>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>
                            <li>
                                <div class="img"><a href="news_vd.html"></a> <img
                                        src="picture/1-2003041023310-l.jpg"/></div>
                                <div class="web">
                                    <div class="wd_w"><span>问</span>
                                        <h4><a href="news_vd.html">百纳在线面向福建地区提供网络营销服务</a>
                                        </h4>

                                        <div class="clear"></div>
                                    </div>
                                    <div class="wd_d"><span>答</span>

                                        <p><a href="news_vd.html">福建百纳在线面向福州、宁德、三明、南平、莆田地区提供网络营销服务，网络营销属于直复营销的一种形式，是企业营销实践与现代信息通讯技术、计算机网络技术相结合的产物...</a></p>

                                        <div class="clear"></div>
                                    </div>
                                </div>
                                <div class="clear"></div>
                            </li>

                        </ul>
                    </div>
                </div>
                <div class="clear"></div>
                <div class="more"><a href="news.html">更多</a></div>
            </div>
        </div>
    </div>
</div>
<!-------------------------------------- 内容结束 -------------------------------------->

<!-------------------------------------- 尾部开始 -------------------------------------->
<div class="footer">
    <div class="foot_xx">
        <div class="wrap">
            <div class="left">
                <div class="ft_logo"><a href="index.html/"><img src="picture/logo.png"/></a></div>
                <div class="nav">
                    <ul>
                        <li><a href="index.html">网站首页</a></li>

                        <li><a href="about.html">关于我们</a></li>

                        <li><a href="product.html">系列分类</a></li>

                        <li><a href="mendian.html">门店分布</a></li>

                        <li><a href="news.html">新闻动态</a></li>

                        <li><a href="contact.html">联系我们</a></li>

                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="right">
                <div class="ewm"><img src="picture/ewm.jpg"/></div>
                <div class="web">
                    <p>地址：</p>

                    <p>福建省福州市鼓楼区洪山园路68号招标大厦C座5楼</p>

                    <div class="ft_tel">
                        <p>电话：</p>

                        <p><span>4008-990-990</span></p>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="ft_bq">
        <p>Copyright &copy; 2020 福建百纳在线网络技术有限公司 版权所有 网站备案号：<a href="http://www.beian.miit.gov.cn/">闽ICP备xxxxxxxx号</a>
        </p>
    </div>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->


<div class="full">
    <ul>
        <li>
            <a href="https://wpa.qq.com/msgrd?v=3&uin=88888888&site=qq&menu=yes"><span class="span1"></span>
            <label>在线QQ</label>
        </a>
        </li>
        <li>
            <a href="#"><span class="span2"></span>
            <label>4008-990-990</label>
        </a>
        </li>
        <li>
            <a href="#"><span class="span3"></span>
            <label class="lbl_img"><img src="picture/ewm.jpg"></label>
        </a>
        </li>
        <li>
            <a href="javascript:void(0)" class="gotop" onclick="$('html,body').stop().animate({scrollTop:0},800)"><span class="span4"></span></a>
        </li>
    </ul>
</div>

<!--手机端底部悬浮商务组件开始-->
<div id="kefu">
    <input type="checkbox" id="showKfList">
    <label for="showKfList" class="topBtn"></label>
        <span class="other">
            <a href="tel:4008-990-990"></a>
        </span>
        <span class="wechat" id="right_copy" data-clipboard-text="bainaonline">
		<!--<em class="eweima">-->
            <!--<img src="picture/ewm.jpg" alt="datouwang.com">-->
            <!--<small>关注微信公众号</small>-->
        <!--</em>-->
	    </span>
        <span class="qq" title="点击进行咨询"
              onClick="window.open('http://wpa.qq.com/msgrd?v=3&uin=123456789&site=qq&menu=yes');">

        </span>
        <span class="map" title="地图"
                  onClick="window.open('http://map.baidu.com/mobile/#place/list/qt=s&amp;wd=福州市鼓楼区洪山园路68号招标大厦c座5楼&amp;vt=map/vt=map&amp;i');">

        </span>
</div>

<script type="text/javascript" src="js/clipboard.min.js"></script>
<div id="right_box">
    <span class="close_btn">X</span>
    <h3>恭喜您微信号已经复制成功</h3>
    <p>请前往微信进行好友添加</p>
    <a href="weixin://">我知道了，去微信</a>
</div>

<script>
    $(document).ready(function () {

        var right_copy = new ClipboardJS('#right_copy');
          right_copy.on('success', function (e) {
            alert("微信号复制成功");
            window._agl && window._agl.push(['track', ['success', {t: 3}]])
        });
        right_copy.on('error', function (e) {
        });


        $("#right_copy").click(function (e) {
            e.preventDefault();
            $("#right_box").show();
        });


        // 点击关闭事件
        $(".close_btn").bind("click", function () {
            $("#right_box").hide();
        })
    });
</script>

<!--手机端底部悬浮商务组件 结束-->


<script type="text/javascript" src="js/su_new.js"></script>
</body>
</html>